<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>




<body>
    <table   border="1px"   width="800px"  align="center">
        <tr>
            <td>序号</td>
            <td></td>
            <td>歌曲</td>
            <td>歌手</td>
            <td>专辑</td>
            <td>时长</td>
     </tr>
    <tr>
            <td>1</td>
            <td   ><img height="55px"   width="55px" src="   C:\Users\Administrator\Desktop\img\1576734476415.jpg "     /></td>
             <td>桥边姑娘</td>
            <td>海伦</td>
            <td>桥边姑娘</td>
            <td><button   id="btn1" onclick="play1( )">播放  </button>03:03</td>
 </tr>
    <tr>
        <td>2</td> 
        <td    ><img  height="55px"   width="55px" src="C:\Users\Administrator\Desktop\img\1576734485516.jpg"  height="100%"  width="100%"  /></td>
        <td>桥边姑娘</td>
        <td>张 切</td>
        <td>桥边姑娘</td>
        <td><button   id="btn2"  onclick="play2(  )">播放  </button>00:28</td>
  </tr>
 </table>
 <script>
     var  music=new Audio();
     function  play1(){
         btn1.innerHTML="暂停";
    music.src=" https://sz-sycdn.kuwo.cn/b880e1a33e6d8a1653b8dbbdc7981e8b/5dfb1df4/resource/n1/68/38/37304574.mp3";
         music.play();
     }
     function  play2( ){
        btn1.innerHTML="暂停";
    music.src="https://sz-sycdn.kuwo.cn/b880e1a33e6d8a1653b8dbbdc7981e8b/5dfb1df4/resource/n1/68/38/37304574.mp3 ";
         music.play();


     }
 
 
 
 
 
 
 </script>






</body>
</html>